<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bootstrap中文网</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/style06.css">
</head>

<body>
    <!--外部容器-->
    <div class="box">
        <div class="header">
            <!--左侧容器-->
            <div class="header-left">
                <a href="#">Bootstrap中文网</a>
            </div>
            <!--右侧容器-->
            <div class="header-right">
                <!--菜单图标-->
                <ul class="right-menu">
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>
                <!--创建下拉导航菜单-->
                <ul class="nav">
                    <li><a href="#">Bootstrap3中文网</a></li>
                    <li><a href="#">Bootstrap4中文网</a></li>
                    <li><a href="#">Sass 教程</a></li>
                    <li><a href="#">Less 教程</a></li>
                    <li><a href="#">jQuery API</a></li>
                    <li><a href="#">关于</a></li>
                </ul>
            </div>
        </div>
    </div>



</body>

</html>